<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>弹出层-查看课程详细信息</title>
        <script src="/layui/layui.js"></script>
        <link rel="stylesheet" href="/layui/css/layui.css">
        <link rel="stylesheet" href="/css/orderFrom/productOrder/productOrderList/product-detailed-information.css">
    </head>
    <body>
        <div>
            <div class="box">
                <table>
                    <tr class="table_head">
                        <th>查看课程信息</th>
                    </tr>
                    <tr class="table_title">
                        <th class="layui-icon-list layui-icon">订单信息</th>
                    </tr>
                    <tr>
                        <th class="table_body body_title">订单编号：</th>
                        <th class="table_body body_content" id="orderLogisticsNumber"></th>
                        <th class="table_body body_title">订单状态：</th>
                        <th class="table_body body_content" id="orderStatus"></th>
                        <th class="table_body body_title">订单类型：</th>
                        <th class="table_body body_content" id="orderType"></th>
                        <th class="table_body body_title">订单来源：</th>
                        <th class="table_body body_content" id="orderSource"></th>
                    </tr>
                    <tr>
                        <th class="table_body body_title">订单支付方式：</th>
                        <th class="table_body body_content" id="orderPaymentChannel"></th>
                        <th class="table_body body_title">课程价格：</th>
                        <th class="table_body body_content" id="courseNprice"></th>
                        <th class="table_body body_title">优惠金额：</th>
                        <th class="table_body body_content" id="couponPrice"></th>
                        <th class="table_body body_title">实付金额：</th>
                        <th class="table_body body_content" id="coursePrice"></th>
                    </tr>
                    <tr class="table_title">
                        <th class="layui-icon-list layui-icon">用户信息</th>
                    </tr>
                    <tr>
                        <th class="table_body body_title">用户账号：</th>
                        <th class="table_body body_content" id="account"></th>
                        <th class="table_body body_title">用户昵称：</th>
                        <th class="table_body body_content" id="nickname"></th>
                        <th class="table_body body_title">用户手机：</th>
                        <th class="table_body body_content" id="phone"></th>
                        <th class="table_body body_title">用户邮箱：</th>
                        <th class="table_body body_content" id="email"></th>
                    </tr>
                    <tr class="table_title course_title">
                        <th class="layui-icon-list layui-icon">课程信息</th>
                    </tr>
                    <tr>
                        <th class="table_body body_title">课程名称：</th>
                        <th class="table_body body_content" id="courseName"></th>
                        <th class="table_body body_title">课程分类：</th>
                        <th class="table_body body_content" id="className"></th>
                        <th class="table_body body_title">课程时长：</th>
                        <th class="table_body body_content" id="courseTime"></th>
                        <th class="table_body body_title">课程详情：</th>
                        <th class="table_body body_content" id="courseInfo"></th>
                    </tr>
                    <tr>
                        <th class="table_body course_body body_title">课程图片：</th>
                        <th class="table_body course_body body_content" >
                            <img id="url" src=""/>
                        </th>
                        <th class="table_body course_body body_title">课程视频：</th>
                        <th class="table_body course_body body_content" >
                            <video controls="controls" autoplay="autoplay" src="" id="courseUrl" width="300px" height="200px"></video>
                        </th>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>